.ant-btn-primary {
  border-color: @btnPrimary;
  background: @btnPrimary;

  &:hover,
  &:focus {
    border-color: fade(@btnPrimary, 80%);
    background: fade(@btnPrimary, 80%);
  }
}

.ant-btn-warning {
  border-color: @warningColor;
  background: @warningColor;
  color: @white;

  &:hover,
  &:focus {
    border-color: fade(@warningColor, 80%);
    background: fade(@warningColor, 80%);
    color: @white;
  }
}

.ant-btn-warning.ant-btn-background-ghost {
  border-color: @warningColor;
  background: @white ;
  color: @warningColor;

  &:hover,
  &:focus {
    border-color: @warningColor;
    background: @white ;
    color: @warningColor;
  }
}

.ant-btn-warning1 {
  border-color: @tipColor;
  background: @tipColor;
  color: @white;

  &:hover,
  &:focus {
    border-color: fade(@tipColor, 80%);
    background: fade(@tipColor, 80%);
    color: @white;
  }
}

.ant-btn-warning1.ant-btn-background-ghost {
  border-color: @tipColor;
  background: @white ;
  color: @tipColor;

  &:hover,
  &:focus {
    border-color: @tipColor;
    background: @white ;
    color: @tipColor;
  }
}

.ant-btn-success {
  border-color: @successColor;
  background: @successColor;
  color: @white;

  &:hover,
  &:focus {
    border-color: fade(@successColor, 80%);
    background: fade(@successColor, 80%);
    color: @white;
  }
}

.ant-btn-brand {
  border-color: @brandColor;
  background: @brandColor;
  color: @white;

  &:hover,
  &:focus {
    color: @white;
    border-color: fade(@brandColor, 80%);
    background: fade(@brandColor, 80%);
  }
}

.ant-drawer-header {
  background-color: @modalHeadBg;

  .ant-drawer-title {
    font-weight: bolder;
    color: @text-color;
  }

  .ant-drawer-close {
    position: absolute;
    right: 0;
  }
}

.ant-select {
  min-width: 120px;
}

.ant-modal-header {
  padding: 9px 20px;
  background-color: @modalHeadBg;

  .ant-modal-title {
    color: @text-color;
    font-weight: bolder;
    font-size: 14px;
  }
}

.ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.ant-form-vertical {
  .ant-form-item-label {
    padding-bottom: 4px;
  }
}

.ant-form-item {
  margin-bottom: 18px;
}

.ant-layout-header {
  line-height: 70px;
}

.tag-purple {
  color: #BB6BD9;
  background: #F9F0FF;
  border-color: #BB6BD9;
}

.tag-green {
  color: #46C253;
  background: #E3F6E5;
  border-color: #46C253;
}

.tag-blue {
  color: #3E8FF7;
  background: #E7EEFF;
  border-color: #3E8FF7;
}

.tag-orange {
  color: #FFA631;
  background: #FFF4E5;
  border-color: #FFA631;
}

.tag-cobalt {
  color: #4E65E3;
  background: #F2EEF6;
  border-color: #4E65E3;
}

.tag-cyan {
  color: #56CCF2;
  background: #E6F7FD;
  border-color: #56CCF2;
}

.tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}

.tag-gray2 {
  color: @disabledColor;
  background: #F5F6F8;
  border-color: @border-color-base;
}

.ant-table-pagination.ant-pagination {
  margin-bottom: 0;
}

.ant-layout-sider {
  background: @sideBg;
}

.ant-menu-submenu-popup {
  .ant-menu-vertical {
    .ant-menu-item {
      display: flex;
      align-items: center;

      .vertical-item {
        height: 40px;
      }
    }
  }
}

.ant-table {
  .ant-table-thead {
    tr {
      th {
        font-weight: 600;
        background-color: #F5F6F8;
      }
    }
    .ant-table-column-title {
      word-break: break-all;
    }
  }

  .ant-table-tbody {
    tr {
      &.ant-table-row-selected {
        td {
          background: @white !important;
        }
      }

      td {
        color: #666;

        &.ant-table-cell-row-hover {
          background: #EAF6FF;
        }
      }
    }

  }
}

.ant-table.ant-table-small .ant-table-tbody>tr>td {
  // padding: 3px 8px !important;
}


.ant-table:hover .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inner::-webkit-scrollbar-thumb {
  background-color: #999;
}

.ant-table .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inner::-webkit-scrollbar-thumb {
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 8px;
}